<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>配送点管理</title>
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="stylesheets/theme.css">
<link rel="stylesheet" href="lib/font-awesome/css/font-awesome.css">
<script src="lib/jquery-1.7.2.min.js" type="text/javascript"></script>

<!-- Demo page code -->

<style type="text/css">
#line-chart {
	height: 300px;
	width: 800px;
	margin: 0px auto;
	margin-top: 1em;
}
.brand {
	font-family: georgia, serif;
}
.brand .first {
	color: #ccc;
	font-style: italic;
}
.brand .second {
	color: #fff;
	font-weight: bold;
}
</style>

<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="../assets/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
</head>

<!--[if lt IE 7 ]> <body class="ie ie6"> <![endif]-->
<!--[if IE 7 ]> <body class="ie ie7 "> <![endif]-->
<!--[if IE 8 ]> <body class="ie ie8 "> <![endif]-->
<!--[if IE 9 ]> <body class="ie ie9 "> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<body class="">
<!--<![endif]-->

<div class="navbar">
  <div class="navbar-inner">
    <ul class="nav pull-right">
      <li id="fat-menu" class="dropdown"> <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"> <i class="icon-user"></i>欢迎您！管理员 <i class="icon-caret-down"></i> </a>
        <ul class="dropdown-menu">
          <li class="divider visible-phone"></li>
          <li><a tabindex="-1" href="login.html">退出登录</a></li>
        </ul>
      </li>
    </ul>
    <a class="brand" href="index_coAdmin.html"><span class="first">CQHot</span> <span class="second">物流后台管理系统</span></a> </div>
</div>
<div class="sidebar-nav">
  <form class="search form-inline">
    <input type="text" placeholder="搜索">
  </form>
  <a href="#role-menu" class="nav-header" data-toggle="collapse"><i class="icon-dashboard"></i>运输管理</a>
  <ul id="role-menu" class="nav nav-list collapse in">
    <li><a href="truckAdmin.html">车辆管理</a></li>
    <li ><a href="routeAdmin.html">路线管理</a></li>
    <li ><a href="delStatAdmin.html">配送点管理</a></li>
  </ul>
  <a href="#finance-menu" class="nav-header" data-toggle="collapse"><i class="icon-briefcase"></i>财务管理</a>
  <ul id="finance-menu" class="nav nav-list collapse">
    <li ><a href="coReportForm.html">报表管理</a></li>
  </ul>
  <a href="#user-menu" class="nav-header" data-toggle="collapse"><i class="icon-user"></i>个人中心</a>
  <ul id="user-menu" class="nav nav-list collapse">
    <li ><a href="account_coAdmin.html">账号管理</a></li>
  </ul>
  <a href="#legal-menu" class="nav-header" data-toggle="collapse"><i class="icon-legal"></i>声明</a>
  <ul id="legal-menu" class="nav nav-list collapse">
    <li ><a href="privacy-policy.html">隐私条款</a></li>
    <li ><a href="terms-and-conditions.html">服务条款和条件</a></li>
  </ul>
  <a href="help.html" class="nav-header" ><i class="icon-question-sign"></i>帮助</a> <a href="faq.html" class="nav-header" ><i class="icon-comment"></i>FAQ</a> </div>
<div class="content">
  <div class="header">
    <h1 class="page-title">增加角色</h1>
  </div>
  <div class="container-fluid">
    <div class="row-fluid">
      <div class="btn-toolbar"> <a href="#addStation" role="button" data-toggle="modal">
        <button class="btn btn-primary"><i class="icon-plus"></i>添加配送点</button>
        </a>
        <div class="btn-group"> </div>
      </div>
      <div class="well">
        <table class="table">
          <thead>
            <tr>
              <th>#</th>
              <th>配送点名称</th>
              <th>负责人</th>
              <th>配送范围</th>
              <th style="width: 26px;"></th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>1</td>
              <td>江安校区</td>
              <td>邓维佳</td>
              <td><a href="#">配送范围查询</a></td>
              <td>
               <a href="#editStation" role="button" data-toggle="modal"><i class="icon-pencil"></i></a> 
               <a href="#myModal" role="button" data-toggle="modal"><i class="icon-remove"></i></a>
               </td>
            </tr>
            <tr>
             <td>2</td>
              <td>望江校区</td>
              <td>赵宇森</td>
              <td><a href="#">配送范围查询</a></td>
              <td>
               <a href="#editStation" role="button" data-toggle="modal"><i class="icon-pencil"></i></a> 
               <a href="#myModal" role="button" data-toggle="modal"><i class="icon-remove"></i></a>
               </td>
            </tr>
            <tr>
             <td>3</td>
              <td>华西校区</td>
              <td>周毅</td>
              <td><a href="#">配送范围查询</a></td>
               <td>
               <a href="#editStation" role="button" data-toggle="modal"><i class="icon-pencil"></i></a> 
               <a href="#myModal" role="button" data-toggle="modal"><i class="icon-remove"></i></a>
               </td>
            </tr>
            <tr>
              <td>4</td>
              <td>川师</td>
              <td>陈超辉</td>
              <td><a href="#">配送范围查询</a></td>
               <td>
               <a href="#editStation" role="button" data-toggle="modal"><i class="icon-pencil"></i></a> 
               <a href="#myModal" role="button" data-toggle="modal"><i class="icon-remove"></i></a>
               </td>
            </tr>
            <tr>
             <td>5</td>
              <td>西财</td>
              <td>刘美东</td>
              <td><a href="#">配送范围查询</a></td>
               <td>
               <a href="#editStation" role="button" data-toggle="modal"><i class="icon-pencil"></i></a> 
               <a href="#myModal" role="button" data-toggle="modal"><i class="icon-remove"></i></a>
               </td>
            </tr>
            <tr>
             <td>6</td>
              <td>民大</td>
              <td>潘东</td>
              <td><a href="#">配送范围查询</a></td>
               <td>
               <a href="#editStation" role="button" data-toggle="modal"><i class="icon-pencil"></i></a> 
               <a href="#myModal" role="button" data-toggle="modal"><i class="icon-remove"></i></a>
               </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="pagination">
        <ul>
          <li><a href="#">上一页</a></li>
          <li><a href="#">1</a></li>
          <li><a href="#">2</a></li>
          <li><a href="#">3</a></li>
          <li><a href="#">4</a></li>
          <li><a href="#">下一页</a></li>
        </ul>
      </div>
      <div class="modal small hide fade" id="addStation" tabindex="-1" role="dialog" aria-labelledby="addStationLable" aria-hidden="true">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
          <h3 id="addStationLabel">添加配送点</h3>
        </div>
        <div class="block-body">
          <form>
            <label>配送点名称</label>
            <input type="text" class="span12">
            <label>负责人</label>
            <input type="text" class="span12">
            <label>配送范围</label>
            <input type="password" class="span12">
          </form>
        </div>
        <div class="modal-footer">
          <button type="reset" class="btn" data-dismiss="modal">重置</button>
          <button type="submit" class="btn btn-danger" data-dismiss="modal">添加</button>
        </div>
      </div>
      
      
      <div class="modal small hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
          <h3 id="myModalLabel">删除确认</h3>
        </div>
        <div class="modal-body">
          <p class="error-text"><i class="icon-warning-sign modal-icon"></i>您确定要删除此配送点么？</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
          <button type="submit" class="btn btn-danger" data-dismiss="modal">确定</button>
        </div>
      </div>
      
      
       <div class="modal small hide fade" id="editStation" tabindex="-1" role="dialog" aria-labelledby="editStationLable" aria-hidden="true">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
          <h3 id="editStationLabel">编辑配送点</h3>
        </div>
        <div class="block-body">
          <form>
            <label>配送点名称</label>
            <input type="text" class="span12">
            <label>负责人</label>
            <input type="text" class="span12">
            <label>配送范围</label>
            <input type="password" class="span12">
          </form>
        </div>
        <div class="modal-footer">
          <button type="reset" class="btn" data-dismiss="modal">重置</button>
          <button type="submit" class="btn btn-danger" data-dismiss="modal">修改</button>
        </div>
      </div>
      <footer>
        <hr>
        <p align="center">&copy; 2015 CQHot</p>
      </footer>
    </div>
  </div>
</div>
<script src="lib/bootstrap/js/bootstrap.js"></script> 
<script type="text/javascript">
        $("[rel=tooltip]").tooltip();
        $(function() {
            $('.demo-cancel-click').click(function(){return false;});
        });
    </script>
</body>
</html>
